// module.exports = {
//   lintOnSave: false
// };

// vue.config.js
const path = require("path");
// 这里拿到package.json的相关信息
const { version } = require("./package.json");
const IS_PROD = ["production", "production_test"].includes(
  process.env.NODE_ENV
);
const resolve = (dir) => path.join(__dirname, dir);
module.exports = {
  publicPath: process.env.NODE_ENV === "production_test" ? "" : "/", // 公共路径
  indexPath: "index.html", // 相对于打包路径index.html的路径
  outputDir: process.env.outputDir || "dist", // 'dist', 生产环境构建文件的目录
  assetsDir: "", // 相对于outputDir的静态资源(js、css、img、fonts)目录
  lintOnSave: false, // 是否在开发环境下通过 eslint-loader 在每次保存时 lint 代码
  runtimeCompiler: true, // 是否使用包含运行时编译器的 Vue 构建版本
  productionSourceMap: !IS_PROD, // 生产环境的 source map
  parallel: require("os").cpus().length > 1, // 是否为 Babel 或 TypeScript 使用 thread-loader。该选项在系统的 CPU 有多于一个内核时自动启用，仅作用于生产构建。
  pwa: {}, // 向 PWA 插件传递选项。
  filenameHashing: false, // 打包的时候不使用hash值.因为我们有时间戳来确定项目的唯一性了.
  configureWebpack: {
    devtool: "eval-source-map",
    output: {
      // 输出重构  打包编译后的 文件名称  【模块名称.版本号.时间戳】
      filename: `[name].js?version=${version}`,
      chunkFilename: `[name].js?version=${version}`,
    },
    externals: {
      TMap: "TMap",
    },
  },
  css: {
    //重点.
    extract: {
      // 打包后css文件名称添加时间戳
      filename: `css/[name].css?version=${version}`,
      chunkFilename: `css/[name].css?version=${version}`,
    },
  },
  chainWebpack: (config) => {
    config.resolve.symlinks(true); // 修复热更新失效
    // 如果使用多页面打包，使用vue inspect --plugins查看html是否在结果数组中
    config.plugin("html").tap((args) => {
      // 修复 Lazy loading routes Error
      args[0].chunksSortMode = "none";
      return args;
    });
    config.plugin("define").tap((args) => {
      args[0]["process.env"].version = JSON.stringify(version);
      return args;
    });
    config.resolve.alias // 添加别名
      .set("@", resolve("src"))
      .set("@api", resolve("src/api"))
      .set("@assets", resolve("src/assets"))
      .set("@images", resolve("src/images"))
      .set("@components", resolve("src/components"))
      .set("@views", resolve("src/views"))
      .set("@store", resolve("src/store"));
  },
  // css: {
  // extract: IS_PROD,
  // requireModuleExtension: false, // 去掉文件名中的 .module
  // loaderOptions: {
  //   // 给 less-loader 传递 Less.js 相关选项
  //   less: {
  //     // `globalVars` 定义全局对象，可加入全局变量
  //     globalVars: {
  //       primary: '#333',
  //     },
  //   },
  // },
  // },
  devServer: {
    overlay: {
      // 让浏览器 overlay 同时显示警告和错误
      warnings: true,
      errors: true,
    },
  },
};
